<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>条件渲染</title>
    <!--    引入Vue-->
    <script src="../../static/js/vue.js"></script>
</head>
<body>
<!--装备好一个容器-->
<div id="root">
    <button @click="show=!show">控制按钮</button>
    <div v-show="show">
        欢迎{{name}}来学习
    </div>

    <div v-if="!show">
        今天很开心
    </div>
    <div v-else>
        今天不开心
    </div>

    <div v-show="!show">
        <h2>哈哈</h2>
        <h2>{{new Date()}}</h2>
    </div>
</div>
</body>
</html>
<script src="index.js"></script>
